<template>
  <div class="nav">
    <div><img src="../../images/indexNav/Frame (4).png" alt="" /> <span>橙信市集</span></div>
    <div><img src="../../images/indexNav/Frame (5).png" alt="" /><span>免费赠送</span></div>
    <div><img src="../../images/indexNav/Frame (6).png" alt="" /><span>一元换购</span></div>
    <div><img src="../../images/indexNav/Frame (7).png" alt="" /><span>低价卡券</span></div>
  </div>
</template>
<script>
export default {
  data() {
    return {};
  },
};
</script>
<style lang="scss" scoped>
.nav {
  margin-top: 40px;
  padding: 0 49px;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  div {
    // height: 130px;
    // width: 130px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    img {
      display: block;
      width: 130px;
      height: 130px;
    }
    span {
      display: block;
      margin-top: 8px;
      font-size: 30px;
      color: rgba(51, 51, 51, 1);
      font-weight: 800;
    }
  }
}
</style>
